<template>
	<button class="button" @click="change" :disabled="disabled" :class="disabled?'disabled':''">{{title}}</button>
</template>
<script setup>
	defineProps({
		title: String,
		bg: {
			type: String,
			default: "#3d7eff"
		},
		disabled: Boolean
	})
	const emits = defineEmits(['click'])
	const change = () => {
		emits('click')
	}
</script>
<style lang="scss" scoped>
	.button {
		color: #fff;
		box-shadow: 0rpx 5rpx 15rpx rgba(0, 0, 0, .2);
		background-image: linear-gradient(to right, #907fd8, #3165cc);
	}
	.disabled{
		background: #ddd!important;
	}
</style>